<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title th:text="${title}">Title</title>
<link rel="stylesheet" type="text/css"
	href="/portal/css/bootstrap.min.css"></link>
<link rel="stylesheet" type="text/css" href="/portal/css/app.css"></link>
</head>
<body>
	<div class="app-header navbar">
	 <div class="navbar-header bg-info dker">
        <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
          <i class="glyphicon glyphicon-align-justify"></i>
        </button>
        <!-- / brand -->
          <a href="#" class="navbar-brand text-lt">
          <span class="hidden-folded m-l-xs">湖北省普通高考</span>
        </a>
      </div>
      <div class="collapse pos-rlt navbar-collapse box-shadow bg-white-only {{app.settings.navbarCollapseColor}}">
          <span class="h4 block wrapper pull-left">网上报名</span>
          
      </div>
    </div>
    <br />
	<div class="container">
		<div class="panel panel-default ">
			<div class="panel-heading visible-xs">
				<h4 class="text-center">网上缴费</h4>
			</div>
			<div class="panel-body">
				<div class="alert alert-warning text-center"
					style="font-size: 16px;" ng-hide="!error" th:if="${error}" th:text="${error}">
				</div>
				<div class="alert alert-warning text-center"
					style="font-size: 16px;" ng-hide="!error" th:if="${error == null and notice != null}" th:text="${notice}">
				</div>
				<div th:if="${error == null and student != null}">
				<div class="wrapper bg-light Iter text-center m-l-n-xxs m-r-n-xxs">
					<h4 class="text-u-c m-b-none">应缴费</h4>
					<h2 class="m-t-none text-danger">
						<sup class="pos-rlt" style="top: -22px">￥</sup> <span
							class="text-2x text-lt" th:text="${orderData.amout}"></span> <span
							class="text-xs">元</span>
					</h2>
				</div>
				<ul class="list-group text-center no-borders m-t-sm">
					<li class="list-group-item">报名号：<span
						th:text="${student.examId}"></span>
					</li>
					<li class="list-group-item">姓名：<span th:text="${student.name}"></span>
					</li>
					<li class="list-group-item">支付单号：<span
						th:text="${orderData.orderNO}"></span>
					</li>
					<li class="list-group-item">缴费类别：<span
						th:text="${student.subject.name}"></span>
					</li>
					<li class="list-group-item">缴费科目： <span
						th:if="${student.subjectType == 'SPORT'}"
						th:text="${student.sport.name}"></span> <span
						th:if="${student.subjectType == 'ART'}"
						th:text="${student.pay.content}"></span>
					</li>

				</ul>

				<div class="panel-footer text-center b-t m-t bg-light lter">
					<form action="http://payment-test.chinapay.com/pay/TransGet"
						class="payForm" name="payForm" method="post">
						<input type="hidden" name="MerId"
							th:value="${orderData.businessID}" /> <input type="hidden"
							name="OrdId" th:value="${orderData.orderNO}" /> <input
							type="hidden" name="TransAmt" th:value="${orderData.transAmt}" />
						<input type="hidden" name="CuryId" value="156" /> <input
							type="hidden" name="TransDate" th:value="${orderData.transDate}" />
						<input type="hidden" name="TransType" value="0001" /> <input
							type="hidden" name="Version" value="20070129" /> <input
							type="hidden" name="BgRetUrl" th:value="${orderData.bgReturnUrl}" />
						<input type="hidden" name="PageRetUrl"
							th:value="${orderData.pageReturnUrl}" /> <input type="hidden"
							name="GateId" value="" /> <input type="hidden" name="Priv1"
							th:value="${orderData.privl}" /> <input type="hidden"
							name="ChkValue" th:value="${orderData.encrypt}" /> 
						<input th:hidden="${error}"
							class="btn btn-danger btn-lg m" id="btn-submit" type="submit"
							value="缴费" />
					</form>

				</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>
